<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/category.css" media="screen" />
<title>Category</title>
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript">
$(function(){
	$('.item').hover(function(){
		$(this).find('.type-nav').stop().animate({'top':'300px'}, {duration: 300,easing: 'easeInOutBack'});
	},function(){
		$(this).find('.type-nav').stop().animate({'top':'455px'},{duration: 300});
	});
});
</script>
<script type="text/javascript" src="../../scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../../scripts/cufon/PSL_Kittithada_Pro___700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h2');
	Cufon.replace('div.type-nav ul li a');
</script>
<style type="text/css">
html, body {
	overflow: hidden;
}
</style>
</head>
<body id="category">

<!--$header_html-->

<div id="wrap-container" class="bg-type1">
<div class="shadow-l"></div>
<div class="shadow-r"></div>
  <div class="content">
    <div class="type">
      <ol>
        <li class="man">
          <h2>MEN</h2>
          <div class="item">
            <div class="type-nav">
              <ul>
                <!--SiXhEaD:man-->
                <li><a href="/shopping/shop/$m_url/?type=1">$m_title</a></li>
                <!--/SiXhEaD:man-->
              </ul>
            </div>
          </div>
        </li>
        <li class="woman">
          <h2>WOMEN</h2>
          <div class="item">
            <div class="type-nav">
              <ul>
                <!--SiXhEaD:woman-->
                <li><a href="/shopping/shop/$w_url/?type=2">$w_title</a></li>
                <!--/SiXhEaD:woman-->
              </ul>
            </div>
          </div>
        </li>
        <li class="kid">
          <h2>KID</h2>
          <div class="item">
            <div class="type-nav">
              <ul>
                <!--SiXhEaD:kid-->
                <li><a href="/shopping/shop/$k_url/?type=3">$k_title</a></li>
                <!--/SiXhEaD:kid-->
              </ul>
            </div>
          </div>
        </li>
      </ol>
      <br class="clear" />
    </div>
  </div>
</div>

<!--$footer_html-->

</body>
</html>